<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@ include file="/pub/siteinclud.jsp"%>

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>jCarousel Examples</title>
<!--
  jCarousel library
-->
<script type="text/javascript"
	src="<%=path %>/resources/laolishi/lib/jquery.jcarousel.min.js"></script>
<!--
  jCarousel skin stylesheets
-->
<link rel="stylesheet" type="text/css" href="<%=path %>/resources/laolishi/skins/ie7/skin.css" />

<script type="text/javascript">

jQuery(document).ready(function() {
    // Initialise the first and second carousel by class selector.
	// Note that they use both the same configuration options (none in this case).
	jQuery('.first-and-second-carousel').jcarousel();
	
});

</script>

<style type="text/css">
<!--
* {margin:0;padding:0;border:0;}

body {
        background-color: #000;
}

.ulcaidan a{
	color:#fff;
	font-size:13px;
}
.divbotom a{
	color:#aaa;
	font-size:14px;
}
.divcont a{
	color:#fff;
	font-size:13px;
}
.ulcaidan ul{
	margin:50px 200px;
}
.ulcaidan ul li{
	float: left;
	margin-left: 30px;
}
.divbotom ul li{
	float: left;
	margin-left: 30px;
}
.divbotom{
	margin-top:100px;
	text-align: center;
}
.divcont{
	margin-top:100px;
	text-align: center;
}
</style>
</head>
<body>
	<div class="ulcaidan">
		<ul style=" ">
		    <li><a href="http://www.baidu.com">劳力士腕表</a></li>
		    <li><a href="http://www.baidu.com">劳力士世界</a></li>
		    <li><a href="http://www.baidu.com">我的选择</a></li>
		    <li><a href="http://www.baidu.com">零售商地址</a></li>
		</ul>
	</div>
  <div class="divcont">
	  <ul id="second-carousel" class="first-and-second-carousel jcarousel-skin-ie7">
	    <li><a href="http://www.baidu.com"><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="300" height="300" alt="展示嘎斯的" /></a></li>
	    <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="300" height="300" alt="" /></li>
	    <li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="300" height="300" alt="" /></li>
	    <li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="300" height="300" alt="" /></li>
	    <li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="300" height="300" alt="" /></li>
	    <li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="300" height="300" alt="" /></li>
	    <li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="300" height="300" alt="" /></li>
	    <li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="300" height="300" alt="" /></li>
	    <li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="300" height="300" alt="" /></li>
	    <li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="300" height="300" alt="" /></li>
	  </ul>
	  <br/>
	  <a href="">腕表系列</a>
	  <a href="">女装款式</a>
  </div>
  
	<div class="divbotom">
		<ul style="width:400px ">
		    <li><a href="http://www.baidu.com">分享</a></li>
		    <li><a href="http://www.baidu.com">新闻资料</a></li>
		    <li><a href="http://www.baidu.com">下载</a></li>
		    <li><a href="http://www.baidu.com">法律声明</a></li>
		    <li><a href="http://www.baidu.com">网站地图</a></li>
		</ul>
	</div>
</body>
</html>





